<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>性能指标管理</title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet"
	href="//cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- DataTables -->
<link rel="stylesheet"
	href="../../../plugins/datatables/dataTables.bootstrap.css">
<!-- Theme style -->
<link rel="stylesheet" href="../../../dist/css/AdminLTE.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="../../../dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="../perf_kpi_manager/css/perfKpi.css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body clbass="hold-transition skin-blue">
	<div class="wrapper" ng-app ="perfKpiApp" ng-controller="perfKpiController" >
	<div class="content-wrapper content-wrapper-custom">
		<section class="content-header">
			<h1>性能指标管理</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home"></i> 首页</a></li>
				<li class="">告警管理</li>
				<li class="active">性能指标管理</li>
			</ol>
		</section>
		<section class="content">
		<!-- 查询表单  begin-->
		<div class="row">
			<div class="col-xs-12">
				<div class="box" style="margin-top: 10px">
					<div class="box-header">
						<h3 class="box-title">查询条件</h3>
					</div>
					<div class="box-body">
						<!-- form start -->
						<form id="queryForm_kpi" class="form-horizontal">
							<div class="row">
								<div class="col-xs-3 ">
									<div class="form-group">
										<label for="obj_type_query_kpi"
											class="control-label col-xs-4 padding-0">
											设备类型
										</label>
										<div class="col-xs-8 ">
											<select id="obj_type_query_kpi" name="obj_type_query_kpi"
												class="selectpicker show-tick form-control">
												<option value="" selected></option>
												<option ng-repeat="deviceType in deviceTypeList" value="{{deviceType.type_id}}">
													{{deviceType.name}}</option>
											</select>
										</div>
									</div>
								</div>
								<div class="col-xs-3 ">
									<div class="form-group">
										<label for="obj_name_query_kpi"
											class="control-label col-xs-4 padding-0">
											设备名称
										</label>
										<div class="col-xs-8 ">
											<input type="text" class="form-control" id="obj_name_query_kpi" name = "obj_name_query_kpi"
												placeholder="设备名称">
										</div>
									</div>
								</div>
								<div class="col-xs-3 ">
									<div class="form-group">
										<label for="kpi_name_query_kpi"
											class="control-label col-xs-4 padding-0">
											指标名称
										</label>
										<div class="col-xs-8 ">
											<input type="text" class="form-control" id="kpi_name_query_kpi" name = "kpi_name_query_kpi"
												placeholder="指标名称">
										</div>
									</div>
								</div>
								<div class="col-xs-3 ">
									<div class="form-group">
										<label for="task_name_query_kpi"
											class="control-label col-xs-4 padding-0">
											任务名称
										</label>
										<div class="col-xs-8 ">
											<input type="text" class="form-control" id="task_name_query_kpi" name = "task_name_query_kpi"
												placeholder="任务名称">
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-xs-3">
									<div class="form-group">
										<label for="is_use_query_kpi" 
											class="control-label col-xs-4  padding-0">
											在用状态
										</label> 
										<div class="col-xs-8">
											<select id="is_use_query_kpi" name="is_use_query_kpi"
												class="selectpicker show-tick form-control">
												<option value="" selected></option>
												<option value="0">在用</option>
												<option value="1">弃用</option>
											</select>
										</div>
									</div>
								</div>
								<div class="col-xs-3">
									<div class="form-group">
										<label for="method_query_kpi" 
											class="control-label col-xs-4  padding-0">
											采集方法
										</label> 
										<div class="col-xs-8">
											<select id="method_query_kpi" name="method_query_kpi"
												class="selectpicker show-tick form-control">
												<option value="" selected></option>
												<option value="0">http推送接收</option>
												<option value="1">http主动采集</option>
												<option value="2">snmp主动采集</option>
												<option value="3">组件采集</option>
												<option value="4">ftp推送采集</option>
											</select>
										</div>
									</div>
								</div>
								<div class="col-xs-3">
									<div class="form-group">
										<div class="col-xs-8" align="right">
											<button type="submit" class="btn btn-default  margin-5"
												id="queryBtn_query_kpi" ng-click="query()">查询</button>
										</div>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!-- 查询表单  end-->
		
		
		<!-- 表格结果显示 -->
		<div class="row">
			<div class="col-xs-12">
				<div class="box" style="padding:  10px">
					<div class="box-body">
						<div>
							<button type="submit" class="btn btn-default  margin-5"
								data-toggle="modal" data-target="#addModal_perf_kpi">新增</button>
							<button type="submit" class="btn btn-default  margin-5"
								ng-click="update_init()">修改</button>
							<button type="submit" class="btn btn-default  margin-5" 
								ng-click ="del_init()">删除</button>
						</div>
						<table id="kpi_table"
							class="table table-bordered table-striped table-condensed" style="margin-top: 5px">
							<thead>
								<tr>
									<th width="5px"><input name="items" type="checkbox" id="checkall_kpi" /></th>
									<th>任务ID</th>
									<th>设备名称</th>
									<th>设备类型</th>
									<th>KPI 名称</th>
									<th>采集方法</th>
									<th>是否在用</th>
									<th>采集周期表达式</th>
									<th>组件类名称</th>
									<th>采集代理机</th>
									<th>站点名称</th>
									<th>任务名称</th>
									<th>接入点编码</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
	</section>
	</div>
	<div class="modal fade" id="alertModal_kpi" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true" align="center">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<div id="selAlert_kpi" class="alert alert-danger form-group" style="margin-top: 10px" 
						role="alert" align="center">
							<strong>请选择记录进行删除！</strong>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="addModal_perf_kpi" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true" style="overflow: scroll">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">新增</h4>
				</div>
				<div class="modal-body">
					<form id="addForm_kpi" class="form-horizontal">
						<div class="col-xs-12">
							<div id="addSuccessAlert_kpi" class="alert alert-success form-group" role="alert" hidden="true" align="center">
   								<strong>新增成功！</strong>
							</div>
						</div>
						<div class="col-xs-12">
							<div id="addFailedAlert_kpi" class="alert alert-danger form-group" role="alert" hidden="true" align="center">
   								<strong>新增失败！</strong>
							</div>
						</div>
						<div class="form-group">
							<label for="obj_type_kpi" class="control-label col-xs-3 padding-0">设备类型</label>
							<div class="col-xs-9">
								<select id="obj_type_kpi" name="obj_type_kpi" 
									class="selectpicker show-tick form-control" >
									<option value="" selected></option>
									<option ng-repeat="deviceType in deviceTypeList" value={{deviceType.type_id}}>
										{{deviceType.name}}
									</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="obj_id_kpi" class="control-label col-xs-3 padding-0">设备</label>
							<div class="col-xs-9">
								<select id="obj_id_kpi" name="obj_id_kpi" 
									class="selectpicker show-tick form-control" >
									<option value="" selected></option>
									<option ng-repeat="device in deviceList" value={{device.device_id}}>
										{{device.name}}
									</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="kpi_id_kpi"  
								class="control-label col-xs-3 padding-0">
								指标ID
							</label>
							<div class="input-group col-xs-9" style="padding-left: 12px; padding-right: 12px">
               					<input type="text" id="kpi_id_kpi" name="kpi_id_kpi" 
               						class="form-control" ng-focus="sel_kpi_model()">
               					<span class="input-group-btn">
                  					<button class="btn btn-default" type="button" ng-click="sel_kpi_model()">
                     					...
                  					</button>
               					</span>
            				</div>
						</div>
						<div class="form-group">
							<label for="method_kpi" class="control-label col-xs-3 padding-0">采集方法</label>
							<div class="col-xs-9">
								<select id="method_kpi" name="method_kpi"
									class="selectpicker show-tick form-control">
									<option value="" selected></option>
									<option value="0">http推送接收</option>
									<option value="1">http主动采集</option>
									<option value="2">snmp主动采集</option>
									<option value="3">组件采集</option>
									<option value="4">ftp推送采集</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="rule_script_kpi" class="control-label col-xs-3 padding-0">规则脚本</label>
							<div class="col-xs-9">
								<input type="text" class="form-control" id="rule_script_kpi" name = "rule_script_kpi"
									placeholder="规则脚本">
							</div>
						</div>
						<div class="form-group">
							<label for="is_use_kpi" class="control-label col-xs-3 padding-0">是否在用</label>
							<div class="col-xs-9">
								<select id="is_use_kpi" name="is_use_kpi"
									class="selectpicker show-tick form-control">
									<option value="0" selected>在用</option>
									<option value="1">弃用</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="period_kpi" class="control-label col-xs-3 padding-0">采集周期</label>
							<div class="col-xs-9">
								<input type="text" class="form-control" id="period_kpi" name = "period_kpi"
									placeholder="采集周期">
							</div>
						</div>
						<div class="form-group">
							<label for="componet_kpi" class="control-label col-xs-3 padding-0">组件类ID</label>
							<div class="input-group col-xs-9" style="padding-left: 12px; padding-right: 12px">
								<input type="text" id="componet_kpi" name="componet_kpi" 
               						class="form-control" ng-focus="sel_component_model()">
               					<span class="input-group-btn">
                  					<button class="btn btn-default" type="button" ng-click="sel_component_model()">
                     					...
                  					</button>
               					</span>
							</div>
						</div>
						<div class="form-group">
							<label for="oid_kpi" class="control-label col-xs-3 padding-0">OID</label>
							<div class="col-xs-9">
								<input type="text" class="form-control" id="oid_kpi" name = "oid_kpi"
									placeholder="oid">
							</div>
						</div>
						<div class="form-group">
							<label for="agent_id_kpi" class="control-label col-xs-3 padding-0">代理采集机</label>
							<div class="input-group col-xs-9" style="padding-left: 12px; padding-right: 12px">
								<input type="text" id="agent_id_kpi" name="agent_id_kpi" 
               						class="form-control" ng-focus="sel_agent_model()" >
               					<span class="input-group-btn">
                  					<button class="btn btn-default" type="button" ng-click="sel_agent_model()">
                     					...
                  					</button>
               					</span>
							</div>
						</div>
						<div class="form-group">
							<label for="access_kpi" class="control-label col-xs-3 padding-0">接入设备ID</label>
							<div class="input-group col-xs-9" style="padding-left: 12px; padding-right: 12px">
								<input type="text" id="access_kpi" name="access_kpi" 
               						class="form-control" ng-focus="sel_access_model()" >
               					<span class="input-group-btn">
                  					<button class="btn btn-default" type="button" ng-click="sel_accessmodel()">
                     					...
                  					</button>
               					</span>
							</div>
						</div>
						<div class="form-group">
							<label for="task_name_kpi" class="control-label col-xs-3 padding-0">任务名称</label>
							<div class="col-xs-9">
								<input type="text" class="form-control" id="task_name_kpi" name = "task_name_kpi"
									placeholder="任务名称">
							</div>
						</div>
						<div class="form-group">
							<label for="group_name_kpi" class="control-label col-xs-3 padding-0">组名称</label>
							<div class="col-xs-9">
								<input type="text" class="form-control" id="group_name_kpi" name = "group_name_kpi"
									placeholder="组名称">
							</div>
						</div>
						<div class="form-group">
							<label for="isConcurrent_kpi" class="control-label col-xs-3 padding-0">是否并发</label>
							<div class="col-xs-9">
								<select id="isConcurrent_kpi" name="isConcurrent_kpi"
									class="selectpicker show-tick form-control">
									<option value="0" selected>否</option>
									<option value="1">是</option>
								</select>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="submit" class="btn btn-primary" id="save" ng-click="add()">保存</button>
				</div>
			</div>
			
		</div>
	</div>
	<div class="modal fade" id="updateModal_perf_kpi" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true" style="overflow: scroll" >
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">修改</h4>
				</div>
				<div class="modal-body">
					<form id="updateForm_kpi" class="form-horizontal">
						<input hidden="true" id="id_update_kpi" name="id_update_kpi" 
							value="{{id_update}}">
						<div class="col-xs-12">
							<div id="updateSuccessAlert_kpi" class="alert alert-success form-group" 
								role="alert" hidden="true" align="center">
   								<strong>修改成功！</strong>
							</div>
						</div>
						<div class="col-xs-12">
							<div id="updateFailedAlert_kpi" class="alert alert-danger form-group" 
								role="alert" hidden="true" align="center">
   								<strong>修改失败！</strong>
							</div>
						</div>
						<div class="form-group">
							<label for="obj_type_update_kpi" class="control-label col-xs-3 padding-0">设备类型</label>
							<div class="col-xs-9">
								<select id="obj_type_update_kpi" name="obj_type_update_kpi" 
									class="selectpicker show-tick form-control" >
									<option value="{{obj_type_id_update}}" selected>{{obj_type_name_update}}</option>
									<option value=""></option>
									<option ng-repeat="deviceType in deviceTypeList" value={{deviceType.type_id}}>
										{{deviceType.name}}
									</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="obj_id_update_kpi" class="control-label col-xs-3 padding-0">设备</label>
							<div class="col-xs-9">
								<select id="obj_id_update_kpi" name="obj_id_update_kpi" 
									class="selectpicker show-tick form-control" >
									<option value="{{obj_id_update}}" selected>{{obj_name_update}}</option>
									<option value="" ></option>
									<option ng-repeat="device in deviceList" value={{device.device_id}}>
										{{device.name}}
									</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="kpi_id_update_kpi"  
								class="control-label col-xs-3 padding-0">
								指标ID
							</label>
							<div class="input-group col-xs-9" style="padding-left: 12px; padding-right: 12px">
               					<input type="text" id="kpi_id_update_kpi" name="kpi_id_update_kpi" 
               						class="form-control" ng-focus="sel_kpi_update_model()" value="{{kpi_id_update}}">
               					<span class="input-group-btn">
                  					<button class="btn btn-default" type="button" ng-click="sel_kpi_update_model()">
                     					...
                  					</button>
               					</span>
            				</div>
							
						</div>
						<div class="form-group">
							<label for="method_update_kpi" class="control-label col-xs-3 padding-0">采集方法</label>
							<div class="col-xs-9">
								<select id="method_update_kpi" name="method_update_kpi"
									class="selectpicker show-tick form-control">
									<option value="{{method_update}}" selected>{{method_name_update}}</option>
									<option value=""></option>
									<option value="0">http推送接收</option>
									<option value="1">http主动采集</option>
									<option value="2">snmp主动采集</option>
									<option value="3">组件采集</option>
									<option value="4">ftp推送采集</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="rule_script_update_kpi" class="control-label col-xs-3 padding-0">规则脚本</label>
							<div class="col-xs-9">
								<input type="text" class="form-control" id="rule_script_update_kpi" name = "rule_script_update_kpi"
									value ="{{rule_script_update}}" placeholder="规则脚本">
							</div>
						</div>
						<div class="form-group">
							<label for="is_use_update_kpi" class="control-label col-xs-3 padding-0">是否在用</label>
							<div class="col-xs-9">
								<select id="is_use_update_kpi" name="is_use_update_kpi"
									class="selectpicker show-tick form-control">
									<option value="{{is_use_update}}" selected>{{is_use_update==0?'在用':'弃用'}}</option>
									<option value="0" >在用</option>
									<option value="1">弃用</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="period_update_kpi" class="control-label col-xs-3 padding-0">采集周期</label>
							<div class="col-xs-9">
								<input type="text" class="form-control" id="period_update_kpi" name = "period_update_kpi"
									value="{{period_update}}" placeholder="采集周期">
							</div>
						</div>
						<div class="form-group">
							<label for="componet_update_kpi" class="control-label col-xs-3 padding-0">组件类ID</label>
							<div class="input-group col-xs-9" style="padding-left: 12px; padding-right: 12px">
								<input type="text" id="componet_update_kpi" name="componet_update_kpi" 
               						class="form-control" ng-focus="sel_component_update_model()" value="{{componet_update}}">
               					<span class="input-group-btn">
                  					<button class="btn btn-default" type="button" ng-click="sel_component_update_model()">
                     					...
                  					</button>
               					</span>
							</div>
						</div>
						<div class="form-group">
							<label for="oid_update_kpi" class="control-label col-xs-3 padding-0">OID</label>
							<div class="col-xs-9">
								<input type="text" class="form-control" id="oid_update_kpi" name = "oid_update_kpi"
									value="{{oid_update}}" placeholder="oid">
							</div>
						</div>
						<div class="form-group">
							<label for="agent_id_update_kpi" class="control-label col-xs-3 padding-0">代理采集机</label>
							<div class="input-group col-xs-9" style="padding-left: 12px; padding-right: 12px">
								<input type="text" id="agent_id_update_kpi" name="agent_id_update_kpi" 
               						class="form-control" ng-focus="sel_agent_update_model()" value="{{agent_id_update}}">
               					<span class="input-group-btn">
                  					<button class="btn btn-default" type="button" ng-click="sel_agent_update_model()">
                     					...
                  					</button>
               					</span>
							</div>
						</div>
						<div class="form-group">
							<label for="access_update_kpi" class="control-label col-xs-3 padding-0">接入设备ID</label>
							<div class="input-group col-xs-9" style="padding-left: 12px; padding-right: 12px">
								<input type="text" id="access_update_kpi" name="access_update_kpi" 
               						class="form-control" ng-focus="sel_access_update_model()" value="{{access_update}}">
               					<span class="input-group-btn">
                  					<button class="btn btn-default" type="button" ng-click="sel_access_update_model()">
                     					...
                  					</button>
               					</span>
							</div>
						</div>
						<div class="form-group">
							<label for="task_name_update_kpi" class="control-label col-xs-3 padding-0">任务名称</label>
							<div class="col-xs-9">
								<input type="text" class="form-control" id="task_name_update_kpi" name = "task_name_update_kpi"
									value="{{task_name_update}}" placeholder="任务名称">
							</div>
						</div>
						<div class="form-group">
							<label for="group_name_update_kpi" class="control-label col-xs-3 padding-0">组名称</label>
							<div class="col-xs-9">
								<input type="text" class="form-control" id="group_name_update_kpi" name = "group_name_update_kpi"
									value="{{group_name_update}}" placeholder="组名称">
							</div>
						</div>
						<div class="form-group">
							<label for="isConcurrent_update_kpi" class="control-label col-xs-3 padding-0">是否并发</label>
							<div class="col-xs-9">
								<select id="isConcurrent_update_kpi" name="isConcurrent_update_kpi"
									class="selectpicker show-tick form-control">
									<option value="{{isConcurrent_update}}" selected>{{isConcurrent_update==1?'是':'否'}}</option>
									<option value="0" >否</option>
									<option value="1">是</option>
								</select>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="submit" class="btn btn-primary" ng-click="update()">修改</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 删除提示模态框 -->
	<div class="modal fade" id="delModal_kpi" tabindex="-1" role="dialog" 
   		aria-labelledby="myModalLabel" aria-hidden="true" align="center">
   		<div class="modal-dialog">
      		<div class="modal-content">
         		<div class="modal-header">
            		<button type="button" class="close" 
               			data-dismiss="modal" aria-hidden="true">
							&times;
					</button>
            		<h4 class="modal-title" id="myModalLabel">
               			删除提示
            		</h4>
         		</div>
         		<div class="modal-body" align="center">
         			<div id="deleteSuccessAlert_kpi" class="alert alert-success form-group" role="alert" hidden="true" align="center">
   						<strong>删除成功！</strong>
					</div>
					<div id="deleteFailedAlert_kpi" class="alert alert-danger form-group" role="alert" hidden="true" align="center">
   						<strong>删除失败！</strong>
					</div>
					<div id="promptContent_kpi">确认删除？</div>
            		
         		</div>
         		<div class="modal-footer">
            		<button type="button" class="btn btn-default"  
			             data-dismiss="modal">关闭
            		</button>
            		<button id="del_kpi" type="button" class="btn btn-primary" ng-click="del()">
               			确认删除
            		</button>
         		</div>
      		</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
		<!-- 指标选择模态框BEGIN -->
		<div class="modal fade" id="kpi_select_model" tabindex="-1"
			role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
			align="center" style="overflow: scroll">
			<div class="modal-dialog" style="width: 80%">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">KPI选择</h4>
					</div>
					<div class="modal-body">
						<div class="row">
							<div class="col-xs-12">
								<div class="box" style="margin-top: 10px">
									<div class="box-header" align="left">
										<h3 class="box-title">查询条件</h3>
									</div>
									<div class="box-body">
										<!-- form start -->
										<form id="queryForm_kpi_define" class="form-horizontal">
											<div class="row">
												<div class="col-xs-4 ">
													<div class="form-group">
														<label for="code_query_kpi_define"
															class="control-label col-xs-4 padding-0"> 指标编码 </label>
														<div class="col-xs-8 ">
															<input class="form-control input-sm padding-0"
																type="text" id="code_query_kpi_define"
																name="code_query_kpi_define" placeholder="输入指标编码" />
														</div>
													</div>
												</div>
												<div class="col-xs-4 ">
													<div class="form-group ">
														<label for="name_query_kpi_define"
															class="col-xs-4 control-label padding-0"> 指标名称 </label>
														<div class="col-xs-8 ">
															<input class="form-control input-sm padding-0"
																type="text" id="name_query_kpi_define"
																name="name_query_kpi_define" placeholder="输入指标名称" />
														</div>
													</div>
												</div>
												<div class="col-xs-4 ">
													<div class="form-group">
														<label for="type_id_query_kpi_define"
															class="control-label col-xs-4  padding-0"> 设备类型 </label>
														<div class="col-xs-8">
															<select id="type_id_query_kpi_define"
																name="type_id_query_kpi_define"
																class="selectpicker show-tick form-control">
																<option value="" selected></option>
																<option ng-repeat="deviceType in deviceTypeList"
																	value="{{deviceType.type_id}}">
																	{{deviceType.name}}</option>
															</select>
														</div>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-xs-4 ">
													<div class="form-group">
														<label for="is_use_query_kpi_define"
															class="control-label col-xs-4  padding-0"> 是否在用 </label>
														<div class="col-xs-8">
															<select id="is_use_query_kpi_define"
																name="is_use_query_kpi_define"
																class="selectpicker show-tick form-control">
																<option value="" selected></option>
																<option value="0">在用</option>
																<option value="1">弃用</option>
															</select>
														</div>
													</div>
												</div>
												<div class="col-xs-4 ">
													<div class="form-group">
														<label for="obj_type_query_kpi_define"
															class="control-label col-xs-4  padding-0"> 设备\链路
														</label>
														<div class="col-xs-8">
															<select id="obj_type_query_kpi_define"
																name="obj_type_query_kpi_define"
																class="selectpicker show-tick form-control">
																<option value="" selected></option>
																<option value="0">设备</option>
																<option value="1">链路</option>
															</select>
														</div>
													</div>
												</div>
												<div class="col-xs-4 ">
													<div class="form-group">
														<div class="col-xs-8" align=center>
															<button type="submit" class="btn btn-default  margin-5"
																id="queryBtn_kpi_define" ng-click="kpi_query()">查询指标</button>
														</div>
													</div>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>

						</div>
						<!-- 查询表单  end-->


						<!-- 表格结果显示 -->
						<div class="row" style="padding: 0px">
							<div style="padding-left: 12px; padding-right: 12px">
								<div class="box" style="padding: 10px">
									<div class="box-body">
										<div align="left">
											<button type="submit" class="btn btn-default  margin-5"
												id="sel_kpi_commit" ng-click="sel_kpi_commit()">确定</button>
										</div>
										<div id="selKpiAlert_kpi"
											class="alert alert-danger form-group" role="alert"
											hidden="true" align="center">
											<strong>请选择KPI记录</strong>
										</div>
										<table id="kpi_define_table"
											class="table table-bordered table-striped table-condensed table_kpi"
											style="margin-top: 5px">
											<thead>
												<tr>
													<th width="5px"></th>
													<th>指标ID</th>
													<th>指标编码</th>
													<th>指标名称</th>
													<th>设备类型</th>
													<th>设备名称</th>
													<th>是否在用</th>
													<th>指标值类型</th>
													<th>设备\链路</th>
												</tr>
											</thead>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 指标选择模态框END -->
		
		<!-- 组件选择模态框BEGIN -->
		<div class="modal fade" id="component_select_model" tabindex="-1"
			role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
			align="center" style="overflow: scroll">
			<div class="modal-dialog" style="width: 80%">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">组件选择</h4>
					</div>
					<div class="modal-body">
						<div class="row">
							<div class="col-xs-12">
								<div class="box" style="margin-top: 10px" align="left">
									<div class="box-header">
										<h3 class="box-title">查询条件</h3>
									</div>
									<div class="box-body">
										<!-- form start -->
										<form id="queryForm_component" class="form-horizontal">
											<div class="row">
												<div class="col-xs-4 ">
													<div class="form-group">
														<label for="bean_class_query_component"
															class="control-label col-xs-4 padding-0"> bean类 </label>
														<div class="col-xs-8 ">
															<input class="form-control input-sm padding-0"
																type="text" id="bean_class_query_component"
																name="bean_class_query_component" placeholder="bean类" />
														</div>
													</div>
												</div>
												<div class="col-xs-4">
													<div class="form-group">
														<div class="col-xs-8" align="center">
															<button type="submit" class="btn btn-default  margin-5"
																id="queryBtn_component" ng-click="component_query()">查询</button>
														</div>
													</div>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- 查询表单  end-->


						<!-- 表格结果显示 -->
						<div class="row">
							<div class="col-xs-12" style="padding: 0px">
								<div style="padding-left: 12px; padding-right: 12px">
									<div class="box" style="padding: 10px">
										<div class="box-body">
											<div align="left">
												<button type="submit" class="btn btn-default  margin-5"
													id="sel_component_commit" ng-click="sel_component_commit()">确定</button>
											</div>
											<div id="selComponentAlert_kpi"
												class="alert alert-danger form-group" role="alert"
												hidden="true" align="center">
												<strong>请选择组件记录！</strong>
											</div>
											<table id="component_table"
												class="table table-bordered table-striped table-condensed"
												style="margin-top: 5px">
												<thead>
													<tr>
														<th width="5px"></th>
														<th>ID</th>
														<th>bean类</th>
														<th>bena类路径</th>
														<th>状态</th>
														<th>说明</th>
														<th>URL路径</th>
													</tr>
												</thead>
											</table>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 组件选择模态框END -->
		<!-- 接入点选择模态框BEGIN -->
		<div class="modal fade" id="access_select_model" tabindex="-1"
			role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
			align="center" style="overflow: scroll">
			<div class="modal-dialog" style="width: 80%">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">接入点选择</h4>
					</div>
					<div class="modal-body">
						<div class="row">
							<div class="col-xs-12">
								<div class="box" style="margin-top: 10px" align="left">
									<div class="box-header">
										<h3 class="box-title">查询条件</h3>
									</div>
									<div class="box-body">
										<!-- form start -->
										<form id="queryForm_access" class="form-horizontal">
											<div class="row">
												<div class="col-xs-4 ">
													<div class="form-group">
														<label for="type_code_query_access"
															class="control-label col-xs-4 padding-0"> 接入类型编码
														</label>
														<div class="col-xs-8 ">
															<input class="form-control input-sm padding-0"
																type="text" id="type_code_query_access"
																name="type_code_query_access" placeholder="输入接入类型编码" />
														</div>
													</div>
												</div>
												<div class="col-xs-4">
													<div class="form-group">
														<div class="col-xs-8" align="right">
															<button type="submit" class="btn btn-default  margin-5"
																id="queryBtn_access" ng-click="access_query()">查询</button>
														</div>
													</div>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- 查询表单  end-->


						<!-- 表格结果显示 -->
						<div class="row">
							<div class="col-xs-12">
								<div class="box" style="padding: 10px">
									<div class="box-body">
										<div align="left">
											<button type="submit" class="btn btn-default  margin-5"
												id="sel_access_commit" ng-click="sel_access_commit()">确定</button>
										</div>
										<div id="selAccessAlert_kpi"
												class="alert alert-danger form-group" role="alert"
												hidden="true" align="center">
												<strong>请选择接入点记录！</strong>
										</div>
										<table id="access_table"
											class="table table-bordered table-striped table-condensed"
											style="margin-top: 5px">
											<thead>
												<tr>
													<th width="5px"></th>
													<th>接入ID</th>
													<th>接入类型编码</th>
													<th>接入IP</th>
													<th>接入端口</th>
													<th>snmp接入权限用户</th>
													<th>接入URL</th>
													<th>使用状态</th>
												</tr>
											</thead>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 接入点选择模态框END -->

		<!-- 代理采集机选择模态框BEGIN -->
		<div class="modal fade" id="agent_select_model" tabindex="-1"
			role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
			align="center" style="overflow: scroll">
			<div class="modal-dialog" style="width: 80%">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">接入点选择</h4>
					</div>
					<div class="modal-body">
						<div class="row">
							<div class="col-xs-12">
								<div class="box" style="margin-top: 10px" align="left">
									<div class="box-header">
										<h3 class="box-title">查询条件</h3>
									</div>
									<div class="box-body">
										<!-- form start -->
										<form id="queryForm_agent" class="form-horizontal">
											<div class="row">
												<div class="col-xs-4 ">
													<div class="form-group">
														<label for="code_query_agent"
															class="control-label col-xs-4 padding-0"> 编码 </label>
														<div class="col-xs-8 ">
															<input class="form-control input-sm padding-0"
																type="text" id="code_query_agent"
																name="code_query_agent" placeholder="输入代理点编码" />
														</div>
													</div>
												</div>
												<div class="col-xs-4 ">
													<div class="form-group ">
														<label for="name_query_agent"
															class="col-xs-4 control-label padding-0"> 名称 </label>
														<div class="col-xs-8 ">
															<input class="form-control input-sm padding-0"
																type="text" id="name_query_agent"
																name="name_query_agent" placeholder="输入代理点名称" />
														</div>
													</div>
												</div>
												<div class="col-xs-4">
													<div class="form-group">
														<div class="col-xs-8" align="right">
															<button type="submit" class="btn btn-default  margin-5"
																id="queryBtn_agent" ng-click="agent_query()">查询</button>
														</div>
													</div>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- 查询表单  end-->


						<!-- 表格结果显示 -->
						<div class="row">
							<div class="col-xs-12">
								<div class="box" style="padding: 10px">
									<div class="box-body">
										<div align="left">
											<button type="submit" class="btn btn-default  margin-5"
												id="sel_agent_commit" ng-click="sel_agent_commit()">确定</button>
										</div>
										<div id="selAgentAlert_kpi"
											class="alert alert-danger form-group" role="alert"
											hidden="true" align="center">
											<strong>请选择代理采集机记录！</strong>
										</div>
										<table id="agent_table"
											class="table table-bordered table-striped table-condensed"
											style="margin-top: 5px">
											<thead>
												<tr>
													<th width="5px"><input name="items" type="checkbox"
														id="checkall_agent" /></th>
													<th>代理点ID</th>
													<th>编码</th>
													<th>名称</th>
													<th>ip</th>
													<th>端口</th>
												</tr>
											</thead>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 代理采集机选择模态框END -->
	</div>
	<!-- 删除提示模态框 -->
	<!-- jQuery 2.1.4 -->
	<script src="../../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
	<!-- Bootstrap 3.3.5 -->
	<script src="../../../bootstrap/js/bootstrap.min.js"></script>
	<!-- DataTables -->
	<script src="../../../plugins/datatables/jquery.dataTables.min.js"></script>
	<script src="../../../plugins/datatables/dataTables.bootstrap.min.js"></script>
	<!-- SlimScroll -->
	<script src="../../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
	<!-- FastClick -->
	<script src="../../../plugins/fastclick/fastclick.min.js"></script>
	<!-- AdminLTE App -->
	<script src="../../../dist/js/app.min.js"></script>
	<script src="//cdn.bootcss.com/angular.js/1.5.5/angular.min.js"></script>
	<script src="../perf_kpi_manager/js/perfKpi.js"></script>
	<!-- page script -->
</body>
</html>
